
.fna-invoiceDetails{
    position: fixed;
    width:100%;
    height: 100%;
    background: #F3F7FE;
    overflow: auto;

    header{
        position: relative;
        z-index: 99;
    }

    &-body{
        position: relative;
        top: -3px;
        padding-bottom: 50px;
        &-content{
            width: 87%;
            margin: 0 auto;
            box-shadow: 
                1px 0px 1px -4px rgba(142,142,142,0.23),
                0px 1px 4px 0px rgba(142,142,142,0.23),
                -1px 1px 4px -4px rgba(142,142,142,0.23),
                0px 1px 4px 0px rgba(142,142,142,0.23);
            background: #fff;
            text-align: center;
            .fna-detailPage-filePicker{
                .am-flexbox {
                    text-align: center;
                    .am-flexbox-item{
                        display: none;
                        &:nth-child(1){
                            height: 81px;
                            display: block;
                            img{
                                width: 50%;
                                height: 80px;
                                // border:1px solid red;
                            }
                        }
                    }
                }
            }
            & > img{
                width: 50%;
                height: 80px;
            }
            a{
                svg{
                    width: 30%;
                    height: 50px;
                }
               
            }
            .noPic{
                width: 50%;
                height: 80px;
                text-align: center;
                line-height: 80px;
                border: 1px solid #ddd;
                margin: 0 auto;
                color: #888;
            }

            .fna-invoiceDetails-head-div{
                overflow: hidden;
                width: 75%;
                margin: 0 auto;
                div{
                    float: left;
                    padding: 10px 0 10px 10px;
                    color: #333;
                    &.fna-invoiceDetails-head-div-left{
                        text-align: left;
                        width: 45%;
                    }

                    &.fna-invoiceDetails-head-div-right{
                        width: 40%;
                        text-align: right;
                        span{
                            &:nth-child(1){
                                font-size: @word-fontSize-12;
                                color: #868686;
                                padding: 0 25% 0 0px;
                            }
                        }
                    }
                }
                
            }

            .invoiceDetails{
                & > div:nth-child(1){
                    padding: 10px;
                }

                div.fixHeight{
                    margin-bottom: 10px;
                    // max-height: 250px;
                    overflow: auto;
                    .fna-invoiceDetails-content-div{
                        overflow: hidden;
                        width: 90%;
                        margin: 0 auto;
    
                        div{
                            float: left;
                            padding: 10px 0 10px 10px;
                            color: #333;
                            text-align: left;
                            font-size: 12px;
    
                            &.fna-invoiceDetails-content-div-left{
                                width: 30%;
                                color: #868686;
                            }
        
                            &.fna-invoiceDetails-content-div-right{
                                width: 60%;
                            }
                        }
                    }

                    .editList{
                        overflow: auto;
                        width: 100%;
                        color: #333;
                        margin-top: 10px;
                        font-size: @word-fontSize-12;
                        table{
                            tr{
                                td{
                                    text-align: left;
                                    padding: 6px 4px;
                                    background: #f5f5f5;
                                    transition: background .3s;
                                    border-bottom: 1px solid #f0f0f0;
                                    border-right: 1px solid #f0f0f0;
                                }

                                &:nth-child(1){
                                    td{
                                        // font-size: @word-fontSize-14;
                                        text-align: center;
                                        padding: 6px 4px;
                                        background: #fff;
                                        transition: background .3s;
                                        border-bottom: 1px solid #f0f0f0;
                                        border-right: 0;
                                    }
                                }
                                
                            }
                        }

                        .editList_5{
                            width: 400px;
                        }

                        .editList_7{
                            width: 500px;
                        }
                    }
                }

                .showAll{
                    padding:10px;
                    color: #55B1F9;
                }
                
            }
            


        }

        // 底部样式
        .fna-bar{
            .am-tabs-tab-bar-wrap{
                background: #fff;
                .fna-invoiceDetails-bar-tint-color{
                    .am-tab-bar-tab-unselect{
                        color: #333;
                    }
                }
            }
            
        }
        












    } 
}